*{
    margin: 0;
    padding: 0;
}
[v-cloak]{
    display: none;
}
.nav{
    padding: 0px 50px;
    display: flex;
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
}
.logo{
    width: 180px;
    height: 50px;
    padding: 10px 10px 10px 0;
}
.logo>img{
    width: 90px;
    height: 50px;
}
.navlist{
    flex: 1;
    text-align: right;
    line-height: 77px;
}
.navlist>div{
    display: inline-block;
    padding: 0 15px;
    color: #ffffff;
}
/*  */
.el-carousel__item h3 {
    color: #475669;
    font-size: 18px;
    opacity: 0.75;
    line-height: 300px;
    margin: 0;
  }
  .el-carousel__container{
    min-height: 600px;
  }
  .el-carousel__item:nth-child(2n) {
    background-color: #99a9bf;
  }
  
  .el-carousel__item:nth-child(2n+1) {
    background-color: #d3dce6;
  }
  .imgbox{
      height: 600px;
  }
  .tabletext{
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.3);
      text-align: center;
      color: #ffffff;
  }
  .tabletext>div:nth-of-type(1){
      padding-top: 240px;
      font-size: 40px;
  }
  .el-carousel__indicators--outside{
      display: none;
  }
  .tabletext>div:nth-of-type(2){
    padding-top: 20px;
    font-size: 13px;
}
/*  */
.titlebox{
    text-align: center;
}
.title_no1{
    font-size: 40px;
    /* color:red; */
}
.title_no2{
    width: 400px;
    margin: 0 auto;
    padding: 20px 0;
}
.title_no2 i{
    font-size: 20px;
    font-weight: bold;
    color: #ff5100;
}
.title_no3{
    font-size: 12px;
    color:rgb(102, 102, 102);
    padding-bottom: 30px;
}
/*  */
.module_list{
    float: left;
    box-sizing: border-box;
    width: 350px;
    height: 125px;
    padding: 5px;
    
}
.module_list>div{
    width: 100%;
    height: 100%;
    background: #cccccc;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.module_list>div>div{
    width: 68px;height: 68px;border-radius: 50%;float: left;background-color: yellowgreen;margin-left: 20px;margin-top: 20px;
}
.bootme{
    width: 100%;
    min-height: 355px;
    height: 731px;
    background-image: url('https://ccdn.goodq.top/caches/4a7b7daf436f3e5cb2e29433375ccd5d/aHR0cHM6Ly81NTlhNDQ3YzczMmVlLnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTQvMDYvOTM0YjUzNTgwMGIxY2JhOGY5NmE1ZDcyZjcyZjE2MTEuanBn.jpg');   
    background-repeat: no-repeat;
    background-size:100% 100%;
    background-attachment:fixed;

}
.cp{
    width: 100%;
    min-height: 355px;
    height: 731px;
    background-image: url('https://ccdn.goodq.top/caches/4a7b7daf436f3e5cb2e29433375ccd5d/aHR0cHM6Ly81NTlhNDQ3YzczMmVlLnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTQvMDYvYjdiYzJhMmY1YmI2ZDUyMWU2NGM4OTc0YzE0M2U5YTAuanBn.jpg');   
    background-repeat: no-repeat;
    background-size:100% 100%;
    background-attachment:fixed;
}
.cpbox{
    width: 100%;
    height: 685px;
    min-height: 305px;
    padding-top: 50px;
    margin: auto;
    background: rgba(0, 0, 0, 0.7);
}
.content_me{
    width: 100%;
    height: 685px;
    min-height: 305px;
    padding-top: 50px;
    background: rgba(0, 0, 0, 0.7);
}
.content_me .title_no3{
    width: 800px;
    margin: 0 auto;
    color: #ffffff;
}

.td{
    width: 100%;
    height: 731px;
}
.quan{
  margin: auto;
}
.quan>li>div{
    width: 180px;
    height: 180px;
    border-radius: 50%;
    text-align: center;
    line-height: 180px;
    color: #ffffff;
    font-size: 26px;
    font-weight: bold;
    border: 3px solid red;
}
.quan>li{
    float: left;
    margin-right: 8%;
    text-align: center;
}
.quan>li>h3{
    font-size: 18px;
    color: #ffffff;
    line-height: 50px;
}       
.quan>li>img{
width: 24px;
height: 28px;
text-align: center;
}
.quan{
    width: 1158px;
    margin: auto;
}
.zs{
    width: 100%;
    height: 695px;
}
.jg-no1{
    width: 329px;
    height: 66px;
    text-align: center;
    background-color: black;
}
.jg-no2{
width: 329px;
height: 112px;
text-align: center;
}
.jg-no3{
    width: 329px;
    height: 200px;
    border-bottom: 1px solid black;
}
.jg-no3>p{
    font-size: 15px;
    color: black;
    text-align: center;
}
.jg-no4{
    width: 329px;
    height: 80px;
    text-align: center;
}
.jg-no4>h3{
    text-align: center;
    line-height: 80px;
    width: 148px;
    height: 40px;
    display: inline-block;
    line-height: 40px;
    margin-top: 20px;
    color: blanchedalmond;
    background-color: black;
}
.jgbox:nth-of-type(2) .jg-no1{
    background-color: red !important;
}
.jgbox{
    width: 329px;
    height: 462px;
    float: left;
    margin-right: 20px;
    background-color: #ffffff
}
.jgmaxbox{
    width: 1100px;
    margin: auto;
}
.active .jg-no1,.active .jg-no4 h3{
    background-color: red !important;
}
.fw{
    width: 100%;
    height: 623px;
    padding-top: 100px;
    box-sizing: border-box;
    box-sizing: border-box;
    background-color: #ffffff;
}
.fwbox{
    width: 1188px;
    height: 494px;

    margin: auto;
}
.jsbox{
    width: 267px;
    height: 235px;
    float: left;
}
.jsbox-no1{
    text-align: center;
    width: 68px;
    height: 68px;
    margin: auto;
}
.jsbox-no1>i{
    width: 68px;
    height: 68px;
    
}
.jsbox-no2{
    text-align: center;
}
.jsbox-no3{
    text-align: center;
    width: 224px;
    margin: auto;

}
.pj{
    width: 100%;
    min-height: 355px;
    height: 731px;
    background-image: url('https://ccdn.goodq.top/caches/4a7b7daf436f3e5cb2e29433375ccd5d/aHR0cHM6Ly81NTlhNDQ3YzczMmVlLnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTQvMDYvYjdiYzJhMmY1YmI2ZDUyMWU2NGM4OTc0YzE0M2U5YTAuanBn.jpg');   
    background-repeat: no-repeat;
    background-size:100% 100%;
    background-attachment:fixed;
}
.pjbox{
    width: 100%;
    height: 685px;
    min-height: 305px;
    padding-top: 50px;
    margin: auto;
    background: rgba(0, 0, 0, 0.7);
}

.lunbo{
    width: 1189px;
    height: 485px;
    margin: auto;
    overflow: hidden;
    padding:0 20px ;
    height: 485px;
    box-sizing: border-box;
    position: relative;
}
.xs{
    width: 200%;
    height: 485px;
    position: absolute;
    left: 20px;
    transition: .5s;
}
.xs>div{
    float: left;
    padding: 0 5px;
    height: 485px;
    margin-left: 10px;
    box-sizing: border-box;
   
}
.xs>div:nth-of-type(4){
    margin-right: 20px;
}
.xs>div:nth-of-type(1){
    margin-left: 10px;
}
.xs>div:nth-of-type(5){
    margin-left: 30px;
}
.lunbo>span{
    width:30px;
    height: 30px;
    position: absolute;
    line-height: 30px;
    border-radius: 5px;
    text-align: center;
    background-color: red;

}
.lunbo>span:nth-of-type(1){
    left:0;
    top: 50%;
    margin-top:-30px ;
}
.lunbo>span:nth-of-type(2){
    right: 0;
    top: 50%;
    margin-top:-30px ;
}

.xs>div>img{
    width: 265px;
    height: 265px;
}
.xs>div>p{
    width: 264px;
}
.zsbox{
    width: 1188px;
    height: 438px;
    margin: auto;

}
.zs_title{
    text-align: center;
    margin-bottom: 30px;
}

.zs_title>div{
    display: inline-block;
    margin: 0 5px;
}
.zs_img{
    display: inline-block;
    padding-bottom: 5px;
}
.img22{
    width: 285px;
    height: 171px;
    margin-right: 10px;
    border-radius: 10%;
}
.daili>img{
    display: inline-block;
    width: 132px;
    height: 132px;
    border-radius: 50%;
}
.daili{
    width: 1189px;
    
}
.dailibox{
    width: 200%;
}
.footer{
    width: 100%;
    height: 731px;
    
}
.fleft{
    float: left;
    width: 50%;
    height: 731px;
}
.fright{
    float: left;
    width: 50%;
    height: 731px;
    background-image: url('https://ccdn.goodq.top/caches/4a7b7daf436f3e5cb2e29433375ccd5d/aHR0cHM6Ly81NTlhNDQ3YzczMmVlLnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTQvMDYvYjdiYzJhMmY1YmI2ZDUyMWU2NGM4OTc0YzE0M2U5YTAuanBn.jpg');   
    background-repeat: no-repeat;
    background-size:100% 100%;
    background-attachment:fixed;
    
}
.input{
width:520px ;
height: 35px;
margin-bottom: 20px;
}
.input1{
    width:520px ;
    height: 60px;
    margin-bottom: 20px;
    }
    .fasong{
        width: 100px;
        height: 35px;
        background-color: black;
        text-align: center;
        line-height: 35px;
        margin: auto;
        color: cornsilk;
    }
